<template>
    <div class="toolbar flex-start-row">
        <div class="toolItem" @click="">Translate</div>
        <div class="toolItem" @click="">Rotate</div>
        <div class="toolItem" @click="">Scale</div>
    </div>
</template>
<script lang="ts" setup>

</script>

<style lang="scss" scoped type="text/css">
.toolbar {
    background: $theme_bg;
    width: 80%;
    height: $menubar_height;
    position: absolute;
    left: 0;
    bottom: 0;
}

.toolItem {
    color: #888;
    padding: 6px;
    cursor: pointer;

    &:hover{
        background: #fff;
    }
}
</style>